﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="BookingManage.aspx.cs" Inherits="VenueManage.ASP.BookingManage" %>
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script type="text/javascript" src="../Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="../Scripts/WebForms/BookingManage.js"></script>

    <script type="text/javascript" src="../JS/jquery-ui/js/jquery-ui-1.10.3.custom.js"></script>
    <link rel="stylesheet" href="../JS/jquery-ui/css/custom-theme/jquery-ui-1.10.3.custom.css" />
    <script type="text/javascript" src="../JS/comBox.js"></script>
    <link rel="stylesheet" type="text/css" href="../CSS/datePicker.css"/>
    
    <script type="text/javascript" src="../JS/t3.js"></script>
    <script type="text/javascript" src="../JS/jquery.datePicker-min.js"></script>
    <link rel="stylesheet" type="text/css" href="../JS/layout.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>VenueBooking</title>
</head>
   
<body>
    <div class="header">
        <h1>
            <img src="../Image/logo.gif" /> 
        </h1>
        <div class ="ins">
            <div>长时间未操作请刷新页面</div>
            <div><span style="width:15px;height:15px;display:inline-block;background-color:#EFEFF0"></span>:预定成功</div>
            <div><span style="width:15px;height:15px;display:inline-block;background-color:#FBE4BE"></span>:待审批</div>
            <div><span style="width:15px;height:15px;display:inline-block;background-color:#FEF9F2"></span>:锁定状态</div>
        </div>
    </div>
    <form id="form1" runat="server">
        <div id="divTable">
        <div style="width:1200px">

               <span>欢迎您: <%=(Session["userName"]==null?"":Session["userName"].ToString())+"&nbsp&nbsp"%></span>
            <label for="datepicker">起始时间：</label>
            <input type="text" class="datepicker" id="datepicker" style="width: 100px;z-index:99"/>
            场地类型：
            <select id="address" name="address"></select> 
            <label for="capacity"> 最少容量：</label><input id="capacity" type="text" value="2"  style="width: 20px" />
               <select id="timeChange" name="D1">
                    <option value="30分钟">30分钟</option>
                    <option value="1小时">1小时</option>
                </select>
                <input id="seek" type="button" value="查找" /> 
                <input id="fiveDaysAgo" type="button" value="前五天" />
                <input id="fiveDaysNext" type="button" value="后五天" />
                <input id="manager" type="button" value="管理" />
                <input id="instruction" type="button" value="预定说明" style="border:1px solid #9A3334;" />
                <input id="layout" type="button" value="退出" />
        </div>
       </div>
        <div id="divEvent"></div>
        <div class="toggler" style="display:none">
            <div id="effect" class="ui-widget-content ui-corner-all">
            </div>
        </div>

        <div id="confirm_div" title="详细信息">
            <div class="form-line">
                <div class="ui-widget">
                    <label for="tags">* 参与人：</label>
                    <textarea id="tags" cols="90" rows="7" wrap="soft" style="overflow:auto" ></textarea>
                    <img alt="" id="checknames" src= "../Image/checknames.png"/>
                    <img alt="" id="golbal" src="../Image/addressbook.gif" />
                </div>
               <div class="ui-widget">
                    <label for="cc">CC：</label>
                    <textarea id ="cc" cols="90" rows="2" wrap="soft" style="overflow:auto"></textarea>
                </div>
                <div class="form-line"><label style="width:200px">多个联系人请用;分隔</label></div>
            </div>
            <div class="form-line">
                <label for="meetingTheme">* 主&nbsp; 题：</label>
                <input type="text"  id ="meetingTheme" name="meetingTheme" style="width:570px" />
            </div>
            <div class="form-line" style="padding-top:0px;">
            <table><tr><td><label for="meetingTheme">* 电&nbsp; 话：</label>
            <input type="text"  id ="phone" name="phone" style="width:150px" /></td><td><label for="meetingTheme">地 &nbsp; 点：</label><input type="text" id ="mtrAdd" name="mtrAdd" style="width:200px"/><select id = "SelectMtr" name="D2"></select></td></tr></table>
            
            &nbsp;</div>
            <div class="form-line plAlign" id="cycleDiv">
                <input type ="radio" name ="cycle" value="一次"/>一次
                <input type ="radio" name ="cycle" value="一周"/>一周
            </div>
            
            <div id="weekdays_div" class="plAlign" style="width:700px">
            <input type="checkbox" name="checkbox[]" id="Monday" value="Monday"/> 周一
            <input type="checkbox" name="checkbox[]" id="Tuesday" value="Tuesday"/> 周二
            <input type="checkbox" name="checkbox[]" id="Wednesday" value="Wednesday"/> 周三 
            <input type="checkbox" name="checkbox[]" id="Thursday" value="Thursday"/> 周四 
            <input type="checkbox" name="checkbox[]" id="Friday" value="Friday"/> 周五 
            <input type="checkbox" name="checkbox[]" id="Saturday" value="Saturday"/> 周六 
            <input type="checkbox" name="checkbox[]" id="Sunday" value="Sunday"/> 周日 
            </div>
            <div class="form-line">
             <label for="specialRequestFirst">特殊要求一：</label> 
                        <input type="text" id="specialRequestFirst" name="specialRequestFirst" style="width:570px"/>
              </div>
            <div class="form-line"> 
               <label for="specialRequestSecond">     
                    特殊要求二：</label> 
                        <input type="text" id="specialRequestSecond"  name="specialRequestSecond" style="width:570px"/>
                </div>
            <div class="form-line">
         <label for="startDate">* 开始时间：</label>
                        <input type="text" id ="startDate" name ="startDate" class="datepicker"/>
                              <select id="combobox" class="ui-widget plAlign">
                                <option value="08:00">08:00</option>
                                <option value="08:30">08:30</option>
                                <option value="09:00">09:00</option>
                                <option value="09:30">09:30</option>
                                <option value="10:00">10:00</option>
                                <option value="10:30">10:30</option>
                                <option value="11:00">11:00</option>
                                <option value="11:30">11:30</option>
                                <option value="12:00">12:00</option>
                                <option value="12:30">12:30</option>
                                <option value="13:00">13:00</option>
                                <option value="14:00">14:00</option>
                                <option value="14:30">14:30</option>
                                <option value="15:00">15:00</option>
                                <option value="15:30">15:30</option>
                                <option value="16:00">16:00</option>
                                <option value="16:30">16:30</option>
                                <option value="17:00">17:00</option>
                                <option value="17:30">17:30</option>
                                <option value="18:00">18:00</option>
                                <option value="18:30">18:30</option>
                                <option value="19:00">19:00</option>
                              </select>
                </div>
                        
            <div class="form-line">
                      <label for="endDate">*  结束时间：</label>
                        <input type="text"  id ="endDate" name="endDate" class="datepicker" />
                              <select id="combobox1"  class="ui-widget plAlign">
                                <option value="08:00">08:00</option>
                                <option value="08:30">08:30</option>
                                <option value="09:00">09:00</option>
                                <option value="09:30">09:30</option>
                                <option value="10:00">10:00</option>
                                <option value="10:30">10:30</option>
                                <option value="11:00">11:00</option>
                                <option value="11:30">11:30</option>
                                <option value="12:00">12:00</option>
                                <option value="12:30">12:30</option>
                                <option value="13:00">13:00</option>
                                <option value="14:00">14:00</option>
                                <option value="14:30">14:30</option>
                                <option value="15:00">15:00</option>
                                <option value="15:30">15:30</option>
                                <option value="16:00">16:00</option>
                                <option value="16:30">16:30</option>
                                <option value="17:00">17:00</option>
                                <option value="17:30">17:30</option>
                                <option value="18:00">18:00</option>
                                <option value="18:30">18:30</option>
                                <option value="19:00">19:00</option>
                              </select>
              </div>      
          
          <div class="form-line">   
              <label for="meetingAbstract">会议摘要：</label>
        <textarea rows ="6" id="meetingAbstract" cols="90" name="S1" ></textarea>
       </div>
              <input type="button" value="提交(Submit)" id="btnSubmit" name ="btnLock"/>
              <input type="button" value="锁定(Lock)" id="lock"  name ="btnLock"/> 
        </div> 

       <div id="gobalContect" title="全球通讯簿">
            <input id="nameAndEmail" type="text" style="width:580px;height:70px" />
       </div>
       <div id="pas" title="请输入您的密码">
          <label for="passWord">输入密码:</label> <input id="passWord" type="password" /><br/>
           <input id="Button1" type="button" value="确定"/>
       </div>
      
        <div id="instan" title="预定说明">
            <a id="guide" style="padding:0px;margin:0px" href="../File/BookingSystemGuide.pptx">
                操作指引
            </a>
            
            <label id ="booking_instanse"></label>
            <br/><br/>  
            <div id ="manage_instanse">
               <%-- '<%# "http://"+ Request.Url.Authority + "/File/BookingSystemGuide.pptx"%>'
                   href="../File/BookingSystemGuide.pptx"--%>
                <textarea id="instanse" cols="50" rows="5"></textarea><br/>
                
                <input id="update_instan" type="button" value="更改"/>
            </div>
       </div>
        <asp:HiddenField ID="hidAdd" runat="server" />
       <asp:HiddenField ID="hidUserName" runat="server" />
        <asp:HiddenField ID="hidUserType1" runat="server" />
        <asp:HiddenField ID="hidUserType3" runat="server" />
       <asp:HiddenField ID="adminL" runat="server" />
    </form>
    <script>
         $(function () {
             $("#confirm_div").dialog({
                 width: 800,
                 height: 600,
                 modal: true,
                 autoOpen: false,
                 show: {
                     effect: "blind",
                     duration: 500
                 },
                 hide: {
                     effect: "explode",
                     duration: 500
                 }
             });
         });

         jQuery(document).ready(function ($) { $('#guide').attr({ target: "_blank" }); });

         $(function () {
             $("input[type=submit], input[type=button],a, button")
             .button()
             .click(function (event) {
                 event.preventDefault();
             });
         });
         $(function () {
             $(".datepicker").datepicker({ dateFormat: "yy-mm-dd" });
         });

         function showEmails(list) {
             $("#EmailList").empty();
             for (var kk = 0; kk < list.length;kk++){
                $("#EmailList").append("<option value = '" + list[kk] + "'>" + list[kk] + "</option>");
             }
         }

         $(function () {
             $("#pas").dialog({
                 width: 200,
                 height: 200,
                 autoOpen: false,
                 show: {
                     effect: "blind",
                     duration: 1000
                 },
                 hide: {
                     effect: "explode",
                     duration: 1000
                 }
             });
         });

         $(function () {
             $("#gobalContect").dialog({
                 width: 600,
                 height: 200,
                 autoOpen: false,
                 show: {
                     effect: "blind",
                     duration: 1000
                 },
                 hide: {
                     effect: "explode",
                     duration: 1000
                 }
             });
             $("#golbal").click(function () {
                 $("#gobalContect").dialog("open");
             });
         });

         $(function () {
             $("#instan").dialog({
                 width: 500,
                 height: 350,
                 autoOpen: false,
                 show: {
                     effect: "blind",
                     duration: 1000
                 },
                 hide: {
                     effect: "explode",
                     duration: 1000
                 }
             });
             $("#instruction").click(function () {
                 $("#instan").dialog("open");
             });
         });


</script>
</body>
</html>
